<template>
  <div id="app">
    <el-cascader :options='options' v-model="values" @change='handleChange'></el-cascader>
  </div>
</template>
<script>
export default {
  data(){
    return {
      values:[],
      options:[
        {
          value:'1',
          label:'1',
          children:[
            {
              value:'1-1',
              label:'1-1',
              children:[
                {
                  value:'1-1-1',
                  label:'1-1-1'
                }
              ]
            },
            {
              value:'1-2',
              label:'1-2',
              children:[
                {
                  value:'1-2-1',
                  label:'1-2-2'
                }
              ]
            },
          ]
        },{
          value:'2',
          label:'2',
          children:[
            {
              value:'2-1',
              label:'2-1'
            }
          ]
        }
      ]
    }
  },
   methods:{
      handleChange:function(value){
        console.log(value);
      }
    }
}
</script>
<style>
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
</style>
